<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>朋友圈</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div class="headerContent">
        <img src="../images/4.png" alt="" srcset="">
        <h3>前端小课</h3>
        <div class="header">
            <img src="../images/header.png" alt="">
            <div class="name">算了算了</div>
        </div>
    </div>

    <div class="content">
        <div class="contentCell">
            <div class="contentHeader">
                <img src="../images/header.png" alt="">
            </div>

            <div class="cellContent">
                <p>互帮互助</p>
                <p>纪念《前端小课》第二阶段课程圆满结束，这一阶段主要搞定CSS布局。以实现一个朋友圈为实践。就是这么牛。</p>
                <div class="pic">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div class="times">
                    <p>2小时前</0>
                        <div></div>
                </div>

                <div class="comments">
                    <div class="good">
                        <span></span>
                        <span>后厂村程序员</span>
                    </div>

                    <div class="comment">
                        <span><span>西二旗</span><span>: </span></span>
                        <p>虽然没看懂，感觉很厉害的样子。</p>

                    </div>
                </div>
            </div>

        </div>

        <div class="contentCell">
            <div class="contentHeader">
                <img src="../images/header.png" alt="">
            </div>

            <div class="cellContent">
                <p>后厂村高T</p>
                <p>偶尔发现前端小课真心不错，可以从零开始学习前端。</p>
                <div class="link">
                    <div></div>
                    <p>第10天：买一块地盖一处院子</p>
                </div>
                <div class="times">
                    <p>2小时前</0>
                        <div></div>
                </div>

            </div>
        </div>

        <div class="contentCell">
            <div class="contentHeader">
                <img src="../images/header.png" alt="">
            </div>

            <div class="cellContent">
                <p>互帮互助</p>
                <p>纪念《前端小课》第二阶段课程圆满结束，这一阶段主要搞定CSS布局。以实现一个朋友圈为实践。就是这么牛。</p>
                <div class="picOne">
                    <div>
                        <img src="../images/3.png"></img>
                    </div>
                </div>
                <div class="times">
                    <p>2小时前</0>
                        <div></div>
                </div>

                <div class="comments">
                    <div class="good">
                        <span></span>
                        <span>小花猫</span>
                    </div>

                    <div class="comment">
                        <span><span>大强</span><span>: </span></span>
                        <p>厉害了，学好教教我做网站。</p>

                    </div>
                </div>

            </div>
        </div>

        <div class="contentCell">
            <div class="contentHeader">
                <img src="../images/header.png" alt="">
            </div>

            <div class="cellContent">
                <p>互帮互助</p>
                <p>纪念《前端小课》第二阶段课程圆满结束，这一阶段主要搞定CSS布局。以实现一个朋友圈为实践。就是这么牛。</p>
                <div class="picOne">
                    <div>
                        <img src="../images/2.png"></img>
                    </div>
                </div>
                <div class="times">
                    <p>2小时前</0>
                        <div></div>
                </div>

                <div class="comments">
                    <div class="good">
                        <span></span>
                        <span>蒸蒸日上</span>
                    </div>

                    <div class="comment">
                        <span><span>小灰兔</span><span>: </span></span>
                        <p>关注了！！！</p>

                    </div>
                </div>

            </div>
        </div>


    </div>

</body>

</html>